import { View, Text, StyleSheet } from 'react-native'
import React from 'react'
import ZhTab0 from './ZhTab0'
import ZhTab1 from './ZhTab1'
import ZhTab2 from './ZhTab2'

export default function ZhTabsBody({num}) {
  // console.log(num)
  // 根据传递的值，控制显示哪一项
  return (
    <View style={ss.body}>
      <View style={{display: num===0 ? 'flex' : 'none'}}>
        <ZhTab0 />
      </View>
      <View style={{display: num===1 ? 'flex' : 'none'}}>
        <ZhTab1 />
      </View>
      <View style={{display: num===2 ? 'flex' : 'none'}}>
        <ZhTab2 />
      </View>
    </View>
  )
}
const ss = StyleSheet.create({
  body: {
    flex: 1,   // 尺寸增长权重
    // backgroundColor: 'orange'
  }
})